<script setup>


//景区页，格式已完成，待完善填入景区


import { onMounted } from "vue";
import store from "../../store";
const jingqu = [
  {
    name: "大雁塔",
    didian: "西安市-雁塔区",
    youhui: ["免票", "免票"],
    pic: "https://www.bing.com/th?id=OIP.W0IYo0elBiq5Ez4do_dycgHaE6&w=193&h=185&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2"
  },
  {
    name: "大唐芙蓉园",
    didian: "西安市-曲江新区",
    youhui: ["免票", "全票"],
    pic: "https://th.bing.com/th/id/OIP.iznmQHzE6xFmvIC1af4KwwHaE8?w=248&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7"
  },
  {
    name: "西安城墙景区",
    didian: "西安市-碑林区",
    youhui: ["免票", "半票"],
    pic: "https://img0.baidu.com/it/u=258042809,3607610102&fm=253&fmt=auto&app=138&f=JPEG?w=600&h=400"
  },
  {
    name: "西安终南山翠华山景区",
    didian: "西安市-长安区",
    youhui: ["免票", "32元"],
    pic: "http://t15.baidu.com/it/u=1126993735,4122793762&fm=224&app=112&f=JPEG?w=500&h=500"
  },
  {
    name: "大唐不夜城",
    didian: "西安市-雁塔区",
    youhui: ["免票", "免票"],
    pic: "https://photo.tuchong.com/18012618/f/1074857504.jpg"
  }, {
    name: "大唐西市",
    didian: "西安市-莲湖区",
    youhui: ["免票", "免票"],
    pic: "https://img.mp.itc.cn/upload/20170209/24e877cea5d24a2caaf95fdcf9fb04d8_th.jpg"
  }, {
    name: "兴庆宫",
    didian: "西安市-碑林区",
    youhui: ["免票", "免票"],
    pic: "https://img1.baidu.com/it/u=3983726785,2367701293&fm=253&fmt=auto&app=138&f=JPEG?w=1086&h=500"
  }, {
    name: "陕西历史博物馆",
    didian: "西安市-雁塔区",
    youhui: ["免票", "免票"],
    pic: "https://img0.baidu.com/it/u=3379201236,368090290&fm=253&fmt=auto&app=120&f=JPEG?w=640&h=480"
  }, {
    name: "陕西考古博物馆",
    didian: "西安市-长安区",
    youhui: ["未知", "未知"],
    pic: "https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0505%2Fb7eaf613j00rbex6w003mc000uq00kgm.jpg&thumbnail=660x2147483647&quality=80&type=jpg"
  }, {
    name: "西安回民街",
    didian: "西安市-莲湖区",
    youhui: ["免票", "免票"],
    pic: "https://img2.baidu.com/it/u=1422702701,2989734431&fm=253&fmt=auto&app=138&f=JPEG?w=751&h=500"
  }, {
    name: "昆明池",
    didian: "西安市-长安区",
    youhui: ["免票", "免票"],
    pic: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F619fada3-082b-4094-a605-3a148999b769%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1679797047&t=21ca08ddf1b64fcb1f97d29a143b6854"
  }, {
    name: "青龙寺",
    didian: "西安市-雁塔区",
    youhui: ["免票", "免票"],
    pic: "https://img1.baidu.com/it/u=1595667525,845013344&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500"
  }, {
    name: "西安世博园",
    didian: "西安市-灞桥区",
    youhui: ["免票", "免票"],
    pic: "https://img.dahepiao.com/uploads/image/2022/05/23/ee7a97b73d32f9250a17da3883c5a1be.jpg"
  }, {
    name: "白鹿原影视城",
    didian: "蓝田县焦岱镇",
    youhui: ["免票", "免票"],
    pic: "https://img1.baidu.com/it/u=3510096312,890909974&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500"
  }, {
    name: "汉城湖景区",
    didian: "西安市-未央区",
    youhui: ["免票", "免票"],
    pic: "https://th.bing.com/th/id/OIP.1Af8yU-XrFtvu51_9-NjcQHaFj?w=228&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7"
  },
  {
    name: "西安秦岭野生动物园",
    didian: "西安市-长安区",
    youhui: ["免票", "免票"],
    pic: "https://p1.meituan.net/shaitu/3ddbac6a245e8b40e4e5bdc401a50dfd1580784.jpg",
  },
  {
    name: "秦始皇帝陵博物馆",
    didian: "西安市-临潼区",
    youhui: ["免票", "免票"],
    pic:
      "https://img0.baidu.com/it/u=2484641489,2545050713&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=375",
  },
  {
    name: "大明宫国家遗址公园",
    didian: "西安市-西城区",
    youhui: ["免票", "免票"],
    pic:
      "https://img0.baidu.com/it/u=2809081407,3199194130&fm=253&fmt=auto&app=120&f=JPEG?w=467&h=350",
  },
  {
    name: "钟楼",
    didian: "西安市-碑林区",
    youhui: ["免票", "免票"],
    pic:
      "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F4cd256f8-663c-4820-8567-d1a343af6159%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1679492291&t=1d84569625e713a4d267c561a81ba7fe",
  },
  {
    name: "鼓楼",
    didian: "西安市-碑林区",
    youhui: ["免票", "免票"],
    pic:
      "https://img0.baidu.com/it/u=2000314412,2221611423&fm=253&fmt=auto&app=120&f=JPEG?w=525&h=350",
  },
  {
    name: "华山",
    didian: "渭南市-华阴市",
    youhui: ["免票", "免票"],
    pic:
      "https://picx.zhimg.com/v2-a8923d9bd77f8dfcd81f3107a9604688_r.jpg?source=1940ef5c",
  },
  {
    name: "终南山·南五台",
    didian: "西安市-长安区",
    youhui: ["免票", "免票"],
    pic:
      "https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0523%2Fe40afd8fj00rcbkl800cmd000fa00a6p.jpg&thumbnail=660x2147483647&quality=80&type=jpg",
  }, {
    name: "延安革命纪念馆",
    didian: "延安市-宝塔区",
    youhui: ["免票", "免票"],
    pic: "https://th.bing.com/th/id/OIP.MwQiyDYLrw4mcFj77ORHwgHaFj?w=235&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7"
  },
  {
    name: "汉景帝阳陵博物馆",
    didian: "咸阳市-渭城区",
    youhui: ["免票", "免票"],
    pic:
      "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Fabd099b8-fcc8-44b1-b2a0-13f98af47277%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1679492502&t=a200530601c1056e2e4bae69db01c241",
  },
  {
    name: "壶口瀑布风景名胜区",
    didian: "临汾市-吉县",
    youhui: ["免票", "免票"],
    pic: "https://p2.itc.cn/q_70/images03/20230220/2c5cc27252554cfa97316c4649835319.jpeg",
  },
  {
    name: "黄帝陵",
    didian: "延安市-黄陵县",
    youhui: ["免票", "免票"],
    pic:
      "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Fc48afc85-6249-4e26-88e8-30f01383b450%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1679492590&t=ddd291a7584f6d80bf4f5226cb8bc79b",
  }, {
    name: "杨家岭毛主席旧居",
    didian: "延安市-宝塔区",
    youhui: ["免票", "免票"],
    pic: "https://th.bing.com/th/id/OIP.UjBJvK_ECoX1DHJLrqz-agHaFj?w=221&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7"
  }, {
    name: "中共中央西北局旧址",
    didian: "延安市-宝塔区",
    youhui: ["免票", "免票"],
    pic: "https://img0.baidu.com/it/u=3885071880,809120887&fm=253&fmt=auto&app=138&f=JPEG?w=720&h=405"
  }, {
    name: "延安杨家岭革命旧址",
    didian: "延安市-宝塔区",
    youhui: ["免票", "免票"],
    pic: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F21fca762-8191-4d8d-adc0-bd1a618ddb17%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1679797330&t=85dcea71718542ee9ab4bbffd3e4b8ff"
  }, {
    name: "宝鸡法门寺文化景区",
    didian: "宝鸡市-扶风县城",
    youhui: ["免票", "免票"],
    pic: "https://img1.baidu.com/it/u=299906123,4256954594&fm=253&fmt=auto&app=138&f=JPEG?w=600&h=481"
  },
  {
    name: "延安黄河壶口瀑布",
    didian: "延安市-宜昌县",
    youhui: ["免票", "免票"],
    pic: "https://img1.baidu.com/it/u=2764728609,3890121774&fm=253&fmt=auto&app=138&f=JPEG?w=640&h=480"
  },
  {
    name: "延安黄帝陵景区",
    didian: "延安市-黄陵县",
    youhui: ["免票", "免票"],
    pic: "https://img1.baidu.com/it/u=2619033262,2047978780&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500"
  },
  {
    name: "延安黄陵国家森林公园",
    didian: "延安市-黄陵县",
    youhui: ["免票", "免票"],
    pic: "https://img0.baidu.com/it/u=1150742877,2738415570&fm=253&fmt=auto&app=138&f=JPEG?w=640&h=480"
  },
  {
    name: "铜川照金薛家寨景区",
    didian: "铜川市-耀州区",
    youhui: ["免票", "免票"],
    pic: "https://img0.baidu.com/it/u=1378713417,2823879418&fm=253&fmt=auto&app=120&f=JPEG?w=750&h=500"
  },
  {
    name: "榆林红碱淖景区",
    didian: "榆林市",
    youhui: ["免票", "半票"],
    pic: "https://img2.baidu.com/it/u=464465674,1806451546&fm=253&fmt=auto&app=138&f=JPEG?w=661&h=500"
  },
  {
    name: "汉中长青华阳景区",
    didian: "汉中市-南郑区",
    youhui: ["免票", "半票"],
    pic: "https://img1.baidu.com/it/u=160775454,2578679534&fm=253&fmt=auto&app=138&f=JPEG?w=330&h=330"
  },
  {
    name: "汉中黎坪景区",
    didian: "延安市-黄陵县",
    youhui: ["免票", "半票"],
    pic: "https://img2.baidu.com/it/u=892575499,1740510257&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=334"
  },
  {
    name: "安康白河天宝梯彩农园景区",
    didian: "安康市-白河县",
    youhui: ["免票", "免票"],
    pic: "https://img2.baidu.com/it/u=602953203,2891905906&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=375"
  },
  {
    name: "商洛江山景区",
    didian: "商洛市-商州区",
    youhui: ["免票", "免票"],
    pic: "https://img1.baidu.com/it/u=3335121586,1545701241&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500"
  },
  {
    name: "汉景帝阳陵博物院",
    didian: "咸阳市-渭城区",
    youhui: ["免票", "半票"],
    pic: "https://img1.baidu.com/it/u=318359880,1836998446&fm=253&fmt=auto&app=120&f=JPEG?w=640&h=427"
  },
  {
    name: "咸阳郑国渠旅游风景区",
    didian: "咸阳市-泾阳县",
    youhui: ["免票", "免票"],
    pic: "https://img0.baidu.com/it/u=3681986661,2467941401&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500"
  },
  {
    name: "咸阳茂陵博物馆",
    didian: "咸阳市-兴平市",
    youhui: ["免票", "免票"],
    pic: "https://img1.baidu.com/it/u=840955660,1747535447&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500"
  },
  {
    name: "咸阳乾陵博物馆",
    didian: "咸阳市-乾县",
    youhui: ["免票", "免票"],
    pic: "https://img0.baidu.com/it/u=34208679,1704747095&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=339"
  },
  {
    name: "渭南少华山国家森林公园",
    didian: "渭南市-华州区",
    youhui: ["免票", "免票"],
    pic: "https://img2.baidu.com/it/u=3878164323,3037215381&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500"
  }, {
    name: "诸葛古镇",
    didian: "汉中市-勉县",
    youhui: ["免票", "免票"],
    pic: "https://img2.baidu.com/it/u=2916403384,1860264514&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500"
  }, {
    name: "九龙山景区",
    didian: "宝鸡市-陈仓区",
    youhui: ["免票", "无"],
    pic: "https://p1.itc.cn/images01/20210309/379450b1a1c342bc8b4e269fc6912d9a.jpeg"
  },
  {
    name: "波浪谷",
    didian: "榆林市-靖边县",
    youhui: ["免票", "免票"],
    pic:
      "https://img2.baidu.com/it/u=458511232,2952993238&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500",
  },
  {
    name: "红石峡",
    didian: "榆林市-榆阳区",
    youhui: ["免票", "免票"],
    pic: "https://pic1.zhimg.com/v2-52b1f54876c0bda78226d51fc49e249c_r.jpg",
  },
  {
    name: "镇北台长城景区",
    didian: "榆林市-榆阳区",
    youhui: ["免票", "免票"],
    pic:
      "https://img2.baidu.com/it/u=2455599179,1664819851&fm=253&fmt=auto&app=138&f=JPEG?w=650&h=488",
  },
  {
    name: "青木川古镇",
    didian: "汉中市-宁强县",
    youhui: ["免票", "免票"],
    pic:
      "https://qimgs.qunarzz.com/piao_qsight_provider_piao_qsight_web/0104p120008jbwmduC0F0.jpg_710x360_bc6d227c.jpg",
  },
  {
    name: "龙头山国际旅游度假区",
    didian: "汉中市-南郊区",
    youhui: ["免票", "免票"],
    pic:
      "https://img2.baidu.com/it/u=3443790760,3734636809&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500",
  },
  {
    name: "熊猫谷旅游区",
    didian: "汉中市-佛坪县",
    youhui: ["免票", "免票"],
    pic:
      "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fss2.meipian.me%2Fusers%2F7280921%2Faac0f758368d45009b6b08b1c9f5c033.jpg%3Fmeipian-raw%2Fbucket%2Fivwen%2Fkey%2FdXNlcnMvNzI4MDkyMS9hYWMwZjc1ODM2OGQ0NTAwOWI2YjA4YjFjOWY1YzAzMy5qcGc%3D%2Fsign%2Ff504eae038af2e7ddefdcf2ece9b0ee4.jpg&refer=http%3A%2F%2Fss2.meipian.me&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1679492888&t=daea3787dfa082e367cdfa1d50faec60",
  },
  {
    name: "长青华阳景区",
    didian: "汉中市-洋县",
    youhui: ["免票", "免票"],
    pic:
      "https://nimg.ws.126.net/?url=https://dingyue.ws.126.net/2020/0519/4ea78c34j00qakh08002kd000s600isp.jpg&thumbnail=650x2147483647&quality=80&type=jpg",
  },
  {
    name: "石门栈道",
    didian: "汉中市-河东店镇",
    youhui: ["免票", "免票"],
    pic:
      "https://img0.baidu.com/it/u=3294426297,1048301854&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500",
  },
  {
    name: "兴汉胜境",
    didian: "汉中市-汉新区",
    youhui: ["免票", "免票"],
    pic:
      "https://img1.baidu.com/it/u=1632838185,2115145916&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500",
  },
  {
    name: "马超墓",
    didian: "汉中市-勉县",
    youhui: ["免票", "免票"],
    pic:
      "https://img2.baidu.com/it/u=523466581,2641003334&fm=253&fmt=auto&app=138&f=JPEG?w=751&h=500",
  },
  {
    name: "武侯墓",
    didian: "汉中市-勉县",
    youhui: ["免票", "免票"],
    pic:
      "https://img0.baidu.com/it/u=456770330,275881147&fm=253&fmt=auto&app=138&f=JPEG?w=640&h=480",
  },
  {
    name: "天台山",
    didian: "汉中市-汉台区",
    youhui: ["免票", "免票"],
    pic:
      "https://img1.baidu.com/it/u=249625732,588741480&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500",
  },
  {
    name: "勉县武侯祠",
    didian: "汉中市-勉县",
    youhui: ["免票", "免票"],
    pic:
      "https://img2.baidu.com/it/u=1143965987,2940844308&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500",
  },
  {
    name: "紫柏山森林公园",
    didian: "汉中市-留坝县",
    youhui: ["免票", "免票"],
    pic:
      "https://img2.baidu.com/it/u=1840901398,171633433&fm=253&fmt=auto&app=138&f=JPEG?w=740&h=350",
  },
  {
    name: "张良庙博物馆",
    didian: "汉中市-留坝县",
    youhui: ["免票", "免票"],
    pic:
      "https://img0.baidu.com/it/u=2042696609,26395502&fm=253&fmt=auto&app=138&f=JPEG?w=962&h=500",
  },
  {
    name: "炎帝影视基地",
    didian: "宝鸡市-渭滨区",
    youhui: ["半票", "半票"],
    pic:
      "https://www.iwanshow.com/public/static/uploads/images/2021/02/04/1612428025601bb2f93b546.jpg",
  },
  {
    name: "法门文化景区",
    didian: "宝鸡市-扶风县",
    youhui: ["免票", "免票"],
    pic: "http://zfcs.fmsjq.com/attached/image/20230117/20230117165524_897.png",
  },
  {
    name: "药王山",
    didian: "铜川市-耀州区",
    youhui: ["免票", "免票"],
    pic: "http://i1.sinaimg.cn/travel/2013/0730/U8159P704DT20130730155709.jpg",
  },
  {
    name: "照金香山旅游景区",
    didian: "铜川市-耀州区",
    youhui: ["免票", "免票"],
    pic: "http://whlyj.tongchuan.gov.cn/uploadfile/image/20210326/20210326163618281.jpg",
  },
  {
    name: "黄帝陵",
    didian: "延安市-黄陵县",
    youhui: ["免票", "免票"],
    pic:
      "https://dingyue.ws.126.net/AkoM=RL00nnLt97296J4C==2d==SJL7R3bC4D=DbzvDLU1557147216172compressflag.jpg",
  },
  {
    name: "玉华宫景区",
    didian: "铜川市-印台区",
    youhui: ["免票", "免票"],
    pic: "https://youimg1.c-ctrip.com/target/100f1f000001g6g3p5BD0.jpg",
  },
  {
    name: "金丝峡景区",
    didian: "商洛市-商南县",
    youhui: ["免票", "免票"],
    pic: "https://p6.itc.cn/q_70/images01/20210819/7f358f55981d4eb08491800fc0f630cd.jpeg",
  },
  {
    name: "老君山风景名胜区",
    didian: "洛阳市-栾川县",
    youhui: ["免票", "免票"],
    pic:
      "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F21f6a222-a16d-432d-96e3-943ab40ad8f1%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1679796888&t=85f5b08ee6c480a34f9453c152ed0d12",
  },
  {
    name: "柞水溶洞",
    didian: "商洛市-柞水县",
    youhui: ["免票", "免票"],
    pic:
      "http://5b0988e595225.cdn.sohucs.com/images/20181113/81f4c0eac5bd4dd88131ef0d16860487.jpeg",
  },
  {
    name: "塔云山",
    didian: "商洛市-镇安县",
    youhui: ["免票", "免票"],
    pic:
      "https://img0.baidu.com/it/u=3982989661,2792432914&fm=253&fmt=auto&app=138&f=JPEG?w=600&h=399",
  },
  {
    name: "天蓬山寨",
    didian: "商洛市-山阳县",
    youhui: ["免票", "免票"],
    pic:
      "https://weng.mafengwo.net/img/e4/d4/733248ea11bce92e7252a65f868b4511.jpeg?imageMogr2%2Fthumbnail%2F%21690x370r%2Fgravity%2FCenter%2Fcrop%2F%21690x370%2Fquality%2F100",
  }
];

var goBack = function () {
  window.location.replace("../Home/Home.html");
};
var h = 119 * jingqu.length + 980
var background_1 = "height :" + h + 'px'
console.log(background_1)
</script>
<template>
  <div class="main" :style="background_1">
    <div class="grxx">
      <div class="back" @click="goBack()">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-xiangzuo1" />
        </svg>
      </div>景 区 优 惠
    </div>
    <div class="tupian"></div>
    <div class="dahezi">
      <div class="jingqu" v-for="item in jingqu" key="item">
        <div class="jqtp">
          <img :src="item.pic" alt />
        </div>
        <div class="mingcheng">{{ item.name }}</div>
        <div class="didian">{{ item.didian }}</div>
        <div class="youhui">
          现役军人(含军队离退休干部)：
          <div class="wenzi1">{{ item.youhui[0] }}</div>
          <br />退役军人(持有退役军人优待证)：
          <div class="wenzi1">{{ item.youhui[1] }}</div>
        </div>
      </div>
    </div>
  </div>
</template>


<style scoped>
* {
  padding: 0px;
  margin: 0px;
}

.main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #000000;
}

.back {
  position: absolute;
  color: white;
  line-height: 30px;
  padding-left: 10px;
  /* background-color: #fff; */
  padding-right: 10px;
}

.grxx {
  /* display: block; */
  /* background-color: gray; */
  width: 100%;
  position: absolute;
  z-index: 9;
  font-size: 25px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  font-weight: 500;
}

.wenzi1 {
  display: inline;
  color: red;
}

.jqtp {
  position: absolute;
  top: 9px;
  left: 12px;
  /* background-image: url("../../assets/dayanta.jpeg"); */
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 5px;
  overflow: hidden;
}

.jqtp>img {
  width: 100px;
  height: 100px;
}

.mingcheng {
  font-weight: 700;
  position: absolute;
  top: 12px;
  left: 125px;
  font-size: 20px;
}

.youhui {
  color: gray;
  position: absolute;
  top: 72px;
  left: 125px;
  width: 230px;
  font-size: 13px;
}

.dahezi {
  position: absolute;
  width: 92.3%;
  /* background-color: gray; */
  height: 1000px;
  margin-left: 15px;
  top: 188px;
  z-index: 2;
}

.didian {
  position: absolute;
  top: 45px;
  left: 125px;
  font-size: 12px;
  background-color: #fece01;
  padding: 3px;
  font-weight: 500;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 8px;
  border-top-left-radius: 0px;
}

.jingqu {
  position: relative;
  width: 100%;
  height: 119px;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
}

.tupian {
  position: absolute;
  top: -12px;
  left: 0px;
  width: 100%;
  height: 220px;
  background-image: url("../../assets/zhonglou.jpg");
  background-image: linear-gradient(to top,
      rgb(0, 0, 0, 0.5) 5%,
      rgba(0, 0, 0, 0) 95%),
    url("../../assets/zhonglou.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
}
</style>
